<template>
    <div class="we-chat">
        <h2 class="home-title">我的微信</h2>
        <img :src="we_chat">
    </div>
</template>

<script>
    import {mapState, mapActions} from 'vuex'
    export default {
        name: "WeChat",
        created() {
            if (!this.we_chat) {
                this.getWeChat();
            }
        },
        methods: {
            ...mapActions("about", ["getWeChat"])
        },
        computed: mapState('about', ['we_chat']),
    }
</script>

<style lang="scss" scoped>
    .we-chat {
        img {
            max-width: 100%;
        }
    }
</style>